<template>
  <div>
    <!-- 这是order组件,承载3个order子组件
            确认订单  OrderConfirm
            订单列表  OrderList
            支付订单  OrderPay
           -->

    <nav-header></nav-header>
    <!-- <div>这是中间的内容</div> -->

    <router-view></router-view>
    <nav-footer></nav-footer>
  </div>
</template>

<script>
// @ is an alias to /src
import NavHeader from "@/components/NavHeader2.vue";

import NavFooter from "@/components/NavFooter.vue";

export default {
  components: {
    "nav-header": NavHeader,
    "nav-footer": NavFooter,
  },
};
</script>